<template>
  <span class="inline-block w-full" @click="$emit('click', $event)">
    <a-input class="sl-select-input" v-bind="$attrs" :placeholder="t('common.plzClickChoose')" readonly>
      <template #suffix>
        <RightOutlined />
      </template>
    </a-input>
  </span>
</template>
<script lang="ts">
export default {
  inheritAttrs: false,
};
</script>
<script setup lang="ts">
import Icon from "/@/components/Icon.vue";
import { RightOutlined } from "@ant-design/icons-vue";
import { useI18n } from "/@/locales/useI18n";
defineEmits(["click"]);
const { t } = useI18n();
</script>

<style lang="less">
.sl-select-input {
  cursor: pointer;
  background-color: #fbfbfb;
  input {
    background-color: transparent;
    cursor: pointer;
  }
}
</style>
